﻿@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
	.head-top{height:0.4rem; background:#343434; position:relative}

	.wrap{width:100%; height:0.4rem;}
	.wrap .head-contact{ display:none}
	
	.wrap .head-sosuo{float:right; width:40px; height:0.4rem; line-height:0.4rem; margin-left:5px; background:url(../images/sosuo.png) no-repeat right center; position:relative}
	.wrap .head-sosuo .s_box{ position:absolute; right:0; top:0.4rem; width:200px; height:auto; z-index:9; padding:2px; display:none}

	/*搜索*/
	.s_box{ width:100%; height:auto; overflow:hidden;}
	.s_input_4{float:left; border:1px solid #5e5d5d; background:#343434 url(../images/sososo.png) no-repeat left 10px center; width:70%; height:36px; line-height:36px; text-indent:36px; color:#FFF; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.so_save_4{float:left; background:#5e5d5d; color:#CCC; cursor:pointer; width:30%; height:36px; line-height:36px; font-size:0.14rem; border-radius:0 20px 20px 0;}
	.so_save_4:hover{background:#E8340C; color:#FFF}
	
	.wrap .head-lang{float:left; width:120px; height:0.2rem; line-height:0.18rem; margin-top:9px; text-indent:8px; background-color:#fff; font-size:0.12rem; cursor:pointer; border:1px solid #F3F3F3; position:relative}
	.wrap .head-lang img{ margin-right:10px; height:15px}
	
	.jt_down{ background:url(../images/jt_down.png) no-repeat right 5px top 2px}
	.jt_up{ background:url(../images/jt_up.png) no-repeat right 5px top 2px}
	
	.cnen{ position:absolute; top:0.22rem; right:-1px; width:100%; height:auto; z-index:9; display:none; background-color:#fff; border:1px solid #F3F3F3}
	.cnen li{ line-height:35px; text-indent:10px; font-size:0.12rem}
	.cnen li+li{ border-top:1px solid #F3F3F3}
	.cnen li img{ margin-right:10px}
	.cnen li a{ display:block}
	.cnen li:hover{ background-color:#F8F8F8}
	
	/*logo*/
	.logo{width:100%; height:auto; padding:10px 0; position:relative}
	.logo .l_pc{display:none}
	.logo .l_mobile{width:83%; height:auto; margin-left:0; overflow:hidden;}
	.logo .l_mobile img{max-width:100%; height:auto;}
	
	.logo .r{position:fixed; left:-50%; top:0; width:50%; height:100%; background-color:#000000; z-index:999999; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
	
	.logo .donghua_menu{ position:absolute; right:0px; top:20px; width:30px; height:20px; display:block;}
		
	.dh {width: 100%; height:3px; position: relative;}
	.dh:before {animation: dhxgdhxg 1s linear 0s infinite alternate; position: absolute; left:0; top:0; width: 100%; height:4px; background:#999999; content: ""; display: block; opacity: 0; }
	.dh:nth-child(2):before {animation-delay: 0.5s; margin-top:5px}
	.dh:nth-child(3):before {animation-delay: 0.2s; margin-top:10px}
	@keyframes dhxgdhxg {
		0%{width:30%; opacity: 1;}
		50%{width:100%; opacity:0.5;}
	}
	
	/*菜单*/
	.menu{width:100%; height:auto}
	.menu li{height:0.45rem; line-height:0.45rem; text-indent:20px; font-size:0.14rem; text-transform:Uppercase; background:#599e67 url(../images/jiantou20.png) no-repeat right 20px center}
	.menu li a{display: block; color:#fff;}
	.menu li+li{ border-top:1px solid #78bb86}
	.menu li:hover a,.menu li.active a{text-decoration:none; color:#fff; background:#343434 url(../images/jiantou30.png) no-repeat right 20px center;}
	
	.menu_pop{left:0!important; background:rgba(0, 0, 0, 0.8)!important;}
	/*菜单end*/
	
	/*通栏banner*/
	.sub_banner{width:100%; height:160px; position:relative; color: #fff; text-align:center}
	.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
	.bannerPic{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		object-fit: cover;
	}
	.sub_banner .biaoti{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.sub_banner .biaoti h5{ font-size:0.24rem; font-weight:bold; text-transform:Uppercase}
	.sub_banner .biaoti p{ margin-top:26px; font-size:0.13rem}
	.sub_banner .biaoti a{ color:#fff; margin-right:10px;}
	.sub_banner .biaoti a:hover{ color:#E8340C}
	.sub_banner .biaoti a+a:before{ padding-right:10px; color:#999999; content: "/";}
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
	.head-top{height:50px; background:#343434; position:relative}

	.wrap{width:100%; height:50px;}
	.wrap .head-contact{ float:left; width:560px; height:50px; line-height:50px; color:#fff; }
	.wrap .head-contact a{color:#fff}
	.wrap .head-contact a:hover{color:#cedf88}
	.wrap .head-contact i{font-size:14px;}
	.wrap .head-contact i+i{ margin-left:40px}
	.wrap .head-contact img{ margin-right:8px}
	
	.wrap .head-sosuo{float:left; width:270px; height:50px; line-height:50px;}

	.wrap .head-lang{float:right; width:130px; height:30px; line-height:30px; margin-top:10px; text-indent:10px; background-color:#fff; font-size:14px; cursor:pointer; border:1px solid #F3F3F3; position:relative}
	.wrap .head-lang img{ margin-right:10px}
	
	.jt_down{ background:url(../images/jt_down.png) no-repeat right 9px top 7px}
	.jt_up{ background:url(../images/jt_up.png) no-repeat right 9px top 7px}
	
	.cnen{ position:absolute; top:31px; right:-1px; width:100%; height:auto; z-index:9; display:none; background-color:#fff; border:1px solid #F3F3F3}
	.cnen li{ line-height:35px; text-indent:10px; font-size:14px}
	.cnen li+li{ border-top:1px solid #F3F3F3}
	.cnen li img{ margin-right:10px}
	.cnen li a{ display:block}
	.cnen li:hover{ background-color:#F8F8F8}

	/*搜索*/
	.s_box{ width:270px; height:auto; overflow:hidden; margin-right:0; margin-top:10px}
	.s_input_4{float:left; border:1px solid #5e5d5d; background:#343434 url(../images/sososo.png) no-repeat left 10px center; width:78%; height:30px; line-height:30px; text-indent:36px; color:#FFF; border-radius:20px 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.so_save_4{float:left; background:#5e5d5d; color:#CCC; cursor:pointer; width:22%; height:30px; line-height:30px; font-size:14px; border-radius:0 20px 20px 0;}
	.so_save_4:hover{background:#E8340C; color:#FFF}

	/*logo*/
	.logo{width:100%; height:auto; padding:15px 0; overflow:hidden;}
	.logo .l_pc{float:left; width:22%; height:auto;}
	.logo .l_pc img{max-width:100%; height:auto;}
	.logo .l_mobile{ display:none}
	
	.logo .r{float:right; width:77%; height:auto;}
	
	.logo .donghua_menu{display:none}
	
	/*导航菜单start*/
	.menu {float:right; overflow:hidden;}
	.menu li{display:inline-block; line-height:60px; text-transform:Uppercase}
	.menu li a{display:block; padding:0 23px; font-size:18px; font-weight:900; color:#2b2b2b; position:relative}
	.menu li a:after{content: '';display: block; width: 60px; height:2px; background:#599e67; position:absolute; bottom:8px; left:50%; margin-left:-30px; transition: 0.4s ease-out; transform: scaleX(0);}
	.menu li:hover a,.menu li.active a,.menu li:hover a:after,.menu li.active a:after{text-decoration:none; color:#599e67; transform: scaleX(1);}
	
	/*通栏banner*/
	.sub_banner{width:100%; height:auto; position:relative; text-align: center; text-shadow: 2px 2px 4px #000; color: #fff;}
	.sub_banner:before{content: ""; position:absolute; top:0; left:0; width:100%; height:30px; box-shadow:inset 0px 15px 10px -15px #666666}
	.sub_banner img{max-width:100%; height:auto; object-fit: none; /*保留原有元素内容的长度和宽度，图片不会变模糊*/}
	.sub_banner .biaoti{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	.sub_banner .biaoti h5{ font-size:40px; font-weight:bold; text-transform:Uppercase}
	.sub_banner .biaoti p{ margin-top:26px;}
	.sub_banner .biaoti a{ color:#fff; margin-right:10px;}
	.sub_banner .biaoti a:hover{ color:#E8340C}
	.sub_banner .biaoti a+a:before{ padding-right:10px; color:#999999; content: "/";}

}

/*遮罩层专用*/
.zzc{position: fixed; top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; display: none;}